# NextJsProvider

Провайдер для корректной работы компонентов библиотеки `@v-uik` в библиотеке `Next JS` с использованием `App Router`.
Требует установку `Next JS` версии `13.0.0` и выше.

## API

| Свойство  | Тип                           | Описание                    |
| --------- | ----------------------------- | --------------------------- |
| `children` | `React.ReactNode`            | `Родительский JSX`          |

## Пример использования

```ts
import type { Metadata } from 'next'
import { Inter } from 'next/font/google'
import { NextJsProvider } from '@v-uik/next-js-provider'
import { ThemeProvider, createTheme } from '@v-uik/theme'

const inter = Inter({ subsets: ['latin'] })

export const metadata: Metadata = {
  title: 'Create Next App',
  description: 'Generated by create next app',
}

export const theme = createTheme({
  sys: {
    color: {
      primaryAlpha: 'red',
    },
  },
  comp: {
    backwardCompatibilityMode: false,
  }
})

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="ru">
      <body className={inter.className}>
        <NextJsProvider>
          <ThemeProvider theme={theme}>{children}</ThemeProvider>
        </NextJsProvider>
      </body>
    </html>
  )
}

```

## Полезные ссылки

- [App Router](https://nextjs.org/docs/app/building-your-application/routing#the-app-router);

- [Серверные компоненты Next JS](https://nextjs.org/docs/app/building-your-application/rendering/server-components);

- [Pages Router](https://nextjs.org/docs/pages).
